<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新" refreshingText="加载中...">
        </ion-refresher-content>
    </ion-refresher>
    <ion-list>
        <div class="container" *ngFor="let item of ListData" (click)="getCollectDetail(item)">
            <div class="row-one">
                <span class="authorname"><strong>{{item.authornames}}</strong></span>
                <span class="time">1分钟前</span>
            </div>
            <ion-card-content>
                <p class="row-two">
                    <span class="title">{{item.title}}</span>
                    <span class="value">评级:无</span>
                </p>
                <p>{{item.summary}}</p>
            </ion-card-content>
            <div class="row-three">
                <span><ion-badge>{{item.typename}}</ion-badge></span>
                <span><ion-badge>内部</ion-badge></span>
            </div>
            <ion-row class="btn-list">
                <ion-col>
                <button ion-button color="primary" clear small icon-start>
                    <ion-icon name='heart'></ion-icon>
                    12 收藏
                </button>
                </ion-col>
                <ion-col>
                <button ion-button color="primary" clear small icon-start>
                    <ion-icon name='text'></ion-icon>
                    4 评论
                </button>
                </ion-col>
                <ion-col>
                <button ion-button color="primary" clear small icon-start>
                    <ion-icon class="iconfont icon-fujian"></ion-icon>
                    2 附件
                </button>
                </ion-col>
            </ion-row>
        </div>
    </ion-list>
    <ion-item-divider class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多数据...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
      